import { Tabs } from "expo-router";
import React from "react";

import { Colors } from "@/constants/Colors";
import { MaterialIcons } from "@expo/vector-icons";

export default function TabLayout() {
  return (
    <Tabs
      screenOptions={{
        tabBarActiveTintColor: Colors.light.primary,
        headerShown: false,
      }}
    >
      <Tabs.Screen
        name="index"
        options={{
          title: "首页",
          tabBarIcon: ({ color }) => (
            <MaterialIcons color={color} size={28} name="home" />
          ),
        }}
      />
      <Tabs.Screen
        name="podcasts"
        options={{
          title: "播客",
          tabBarIcon: ({ color }) => (
            <MaterialIcons color={color} size={28} name="podcasts" />
          ),
        }}
      />
      <Tabs.Screen
        name="settings"
        options={{
          title: "设置",
          tabBarIcon: ({ color }) => (
            <MaterialIcons color={color} size={28} name="home" />
          ),
        }}
      />
    </Tabs>
  );
}
